<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>人员培训档案</title>
    <style>
        .page {
            margin: 0 auto;
            width: 80%;
            border: 1px solid #ccc;
        }
        .cover .code {
            text-align: right;
            font-size: 12px;
        }
        .cover .title {
            margin-top: 320px;
            text-align: center;
            font-size: 22px;
        }
        .cover .name {
            margin-top: 320px;
        }
        .cover>.name,.cover>.idcard,.cover>.date,.cover>.platform-name {
            padding-left: 25%;
        }
        .title2 {
            margin-top: 320px;
        }
        .info-table {
        }
        .info-table td {
            border: 1px solid #ccc;
            border-spacing: 0;
        }
        .title2 {
            text-align: center;
            font-size: 20px;
        }
        .page .info .info-table, .page .cert_table {
            text-align: center;
            width: 100%;
            border-collapse: collapse;
            font-size: 12px;
        }
        .info-table tr td, .cert_table tr td {
            min-width: 10% !important;
            border-collapse: collapse;
            height: 35px;
        }
        .cert_table td {
            border: 1px solid #ccc;
            border-spacing: 0;
        }
        .record {
            font-size: 13px;
        }
    </style>
</head>
<body>
    <div class="page">
        <div class="cover">
            <p class="code">档案编号：{$planStaff.code}</p>
            <p class="title">人员培训档案</p>
            <p class="name">姓　　名：{$staff.username}</p>
            <p class="idcard">身份证号：{$staff.idcard}</p>
            <p class="date">生成日期：{:date('Y年m月d日')}</p>
            <p class="platform-name">平台名称（盖章）：</p>
        </div>

        <p class="title2" style="text-align: center; font-size: 20px;"
            >人员培训档案</p>
        <div class="info">
            <table class="info-table" style="text-align: center">
                <tr>
                    <td colspan="10">基本信息</td>
                </tr>
                <tr>
                    <td colspan="2">姓名</td>
                    <td colspan="2">{$staff.username}</td>
                    <td>性别</td>
                    <td style="width: 10%;"></td>
                    <td style="height: 10%;">年龄</td>
                    <td style="width: 10%;"></td>
                    <td colspan="2" rowspan="5" style="width: 20%;">
                        <img class="info-headimg" src="{$staff.img_url}" alt="" style="max-width: 100%;">
                    </td>
                </tr>
                <tr>
                    <td colspan="2">联系电话</td>
                    <td colspan="2">{$staff.mobile}</td>
                    <td colspan="2">身份证号</td>
                    <td colspan="2">{$staff.idcard}</td>
                </tr>
                <tr>
                    <td colspan="2">学历</td>
                    <td colspan="2"></td>
                    <td colspan="2">职务/职称</td>
                    <td colspan="2"></td>
                </tr>
                <tr>
                    <td colspan="2">部门</td>
                    <td colspan="2"></td>
                    <td colspan="2">工种</td>
                    <td colspan="2"></td>
                </tr>
                <tr>
                    <td colspan="2">平台注册时间</td>
                    <td colspan="2"></td>
                    <td colspan="2">累计课时</td>
                    <td colspan="2"></td>
                </tr>
                <tr>
                    <td colspan="2">所属单位</td>
                    <td colspan="8"></td>
                </tr>
                <tr>
                    <td colspan="2">培训名称</td>
                    <td colspan="8">安全教育培训1期</td>
                </tr>
                <tr>
                    <td colspan="2">培训期限</td>
                    <td colspan="3">2025-02-12至02-18</td>
                    <td colspan="2">起止学习时间</td>
                    <td colspan="3"></td>
                </tr>
                <tr>
                    <td colspan="2">学习方式</td>
                    <td colspan="3">线上</td>
                    <td colspan="2">课程形式</td>
                    <td colspan="3">网络</td>
                </tr>
                <tr>
                    <td colspan="10">培训记录</td>
                </tr>
                <tr>
                    <td colspan="2">课程名称</td>
                    <td colspan="8">从业人员安全培训22学时（在培训）</td>
                </tr>
                <tr>
                    <td colspan="2">要求课时</td>
                    <td colspan="3"></td>
                    <td colspan="2">已学课时</td>
                    <td colspan="3"></td>
                </tr>
                <tr>
                    <td colspan="2">完成学习进度</td>
                    <td colspan="3"></td>
                    <td colspan="2">学时证明</td>
                    <td colspan="3"></td>
                </tr>
                <tr>
                    <td colspan="2">考试成绩</td>
                    <td colspan="3"></td>
                    <td colspan="2">是否合格</td>
                    <td colspan="3"></td>
                </tr>
                <tr>
                    <td colspan="2">补考成绩</td>
                    <td colspan="3"></td>
                    <td colspan="2">是否合格</td>
                    <td colspan="3"></td>
                </tr>
                <tr>
                    <td colspan="2" style="width: 20%;"></td>
                    <td colspan="4">
                        随机照片一<br>
                        2025-02-27 04:15:59<br>
                        课件：典型事故案例—连云港聚鑫<br>
                        生物科技有限公司12 ·9爆炸
                    </td>
                    <td colspan="4">
                        <img src="{$staff.img_url}" alt="" style="max-width: 100%;">
                    </td>
                </tr>
                <tr>
                    <td colspan="2">考试试卷名称</td>
                    <td colspan="8">从业人员安全培训22学时（在培训）</td>
                </tr>
            </table>
        </div>

        {if $planStaff.complete_img_status && $planStaff.complete_img_status == 9}
        <div class="cert" style="padding-top: 120px;">
            <img src="{$planStaff.complete_img_url}" alt="" style="width: 100%;">
        </div>
        {/if}

        <div class="less">
            <div style="display: flex; justify-content: space-between; align-items: center;">
                <p>姓名：{$staff.username}</p>
                <p>身份证号：{$staff.idcard}</p>
            </div>
            <table class="cert_table">
                <tr>
                    <td>课程名称</td>
                    <td colspan="4">从业人员安全培训22学时（再培训）</td>
                </tr>
                <tr>
                    <td>序号</td>
                    <td colspan="2" style="width: 40%;">课程内容</td>
                    <td>课时</td>
                    <td>讲师</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td colspan="2">安全生产法律、法规、标准、规程和 规范—河北省安全生产条例</td>
                    <td>1.0</td>
                    <td>讲师</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td colspan="2">安全生产法律、法规、标准、规程和 规范—安全生产相关法律法规（特种 设备安全监察条例、生产安全事故报 告和调查处理条例及工伤保险条例）</td>
                    <td>1.0</td>
                    <td>讲师</td>
                </tr>
            </table>
        </div>

        <div class="cert_pages">
            <p class="title2">从业人员安全培训22学时（再培训）</p>
            <p style="text-align: center;">（满分：100.0分）</p>
            <div style ="display: flex; justify-content: space-between; align-items: center;">
                <p>班级名称：安全教育培训1期</p>
                <p>姓名：{$staff.username}</p>
                <p>成绩：98.0</p>
            </div>
            <div style="display: flex; justify-content: space-between; align-items: center;">
                <p>考试时间：</p>
                <p>20250301 15:06:34</p>
                <p></p>
                <p></p>
                <p>判卷人：</p>
                <p></p>
            </div>
        </div>

        <div class="record">
            1、《河北省安全生产条例》于2017年1月12日河北省第十二届人民代表大会第五次会议通过，自2017年
            ()月（）日起施行。  （正确答案:A 学员答案:A 学员得分:2.00)<br>
            A、3月1日 <br>B、4月1日 <br>C、2月1日 <br>D、5月1日

            2、安全生产基本原则及方针，安全生产主体责任，安全生产的工作机制，是细化明确生产经营单位() （正确答案:B 学员答案:B 学员得分:2.00)<br/>
            A、主要责任 <br>
            B、主体责任 <br>
            C、具体责任 <br>
            D、重要责任 <br>
        </div>
    </div>
</body>
</html>